<template>
    <div class="tomoreBox">
         <div v-if="type" >
            <userbar :obj="userdata"></userbar>
            <p>xxxxxxxx</p>
         </div>
         <div v-if="!type" class="tomore">展开全部内容(共1条评论)</div>
         <div v-else class="tomore">收起全部内容</div>
    </div>
</template>

<script>
import userbar  from '@/components/userbar.vue'
export default {
  name: 'tomore',
  props: {
    type: Boolean
  },
  data(){
    return {
      userdata:{
                nickname: '小花猫',
                num:'1',
                userlogo:'https://thirdwx.qlogo.cn/mmopen/vi_32/R4JdOVeRD1iarJd3fLqGZibhHd99fPKrpNia464NqGFDbgicj1GGGc00NDuEPrlEjlicGSJN8FE8J2PdYQNvspI9a5w/132'
            }
    }
  },
  mounted(){
  },
  methods:{ 
  },
  components:{
    userbar:userbar
  }
}
</script>

<style scoped lang="less">
.tomoreBox{
  min-height: 50px;
}
.tomore {
    width: 100%;
    text-align: center;
    bottom: 0;
    height: 40px;
    line-height: 50px;
}
</style>
